<template>
    <el-card :body-style="{ padding: '0px'}">
      <img src="../../assets/personal_bg.png" class="image">
      <div style="padding: 14px;">
        <span>{{item.title}}</span>
        <div class="bottom clearfix">
          <time class="time">{{ item.date }}</time>
          <p class="intro">{{item.intro}}</p>
          <el-button type="text" class="button" @click="signActivity(item.id)">查看</el-button>
        </div>
      </div>
    </el-card>
</template>
<style scoped>
  .time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    display: block;
    min-height: 200px;
  }
  .intro {
    line-height: 2rem;
    margin: 10px auto;
  }
  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
</style>

<script>
export default {
  props:['item'],
  data() {
    return {
    };
  },
  methods: {
    signActivity: function(id){
       this.$router.push({
          name: 'activityDel',
          params: {
            id
          }
       })
    }
  }
}
</script>